
<style>
table {
  border-collapse: collapse;
  border-spacing: none;
  }

thead th {
  background-color: orange;
  font-size: 12px;
  font-family: sans-serif;
  border:none;
  }

tbody td {
  font-size: 12px;
}


tr td:first-child,
tr th:first-child {
      border-top-left-radius: 6px;
      border-bottom-left-radius: 6px;
}

tr td:last-child,
tr th:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
</style>
 <p>
    <h3>Credit Note Entry </h3>
    
    </p>

<!-- <form name="InvForm"> -->
  <div class="control-group" ng-class="{error: InvForm.name.$invalid}">
<!--    Customer Name : <select ng-model="clist" ng-options="cust.Name for cust in customermast"></select>  -->

Customer Name :<select ng-model="clist" ng-options="cust.Name for cust in customermast"></select>
Client Address:<textarea>{{clist.Address}}</textarea>
 
<!--<button ng-click="generate_cnote()" ng-disabled="InvForm.$invalid" class="btn btn-success">Generate Credit Note</button> -->
  <a class="btn btn-success" href="#/gencrdnote/{{clist.custid}}" ng-click="gencrdnote(clist)">Generate Credit Note</a>
<br>
<table class="table "> 
  <thead>
    <tr>
	  <th>Customer Name</th>
      <th>Pax Name</th>
      <th>Sector</th>
      <th>Travel Date</th>
      <th>Base Fare (in Rs.)</th>
      <th>Taxes (in Rs.)</th>
      <th>Admin Chrgs(in Rs.)</th>
      <th>Amount (in Rs.)</a></th>
	  </tr>
  </thead>
  <tbody>
      <tr ng-repeat="cnote in cnotedata |filter: {custdesc:clist.Name}">
		  <td>{{cnote.custdesc}}</td>
          <td>{{cnote.PaxName}}</td>    
          <td>{{cnote.Sector}}</td> 
		  <td>{{cnote.TraveDate}}</td>      
		  <td>{{cnote.BaseFare| number}}</td> 
		  <td>{{cnote.Taxes| number}}</td> 
          <td>{{cnote.Admincharges| number}}</td> 
		  <td>{{cnote.TotalAmount| number}}</td> 
	  </tr>
   </tbody>
</table>

</div>

<!-- </form> -->
</html>
